.header {
    height: 5rem;
    /* background: red;
    background: -webkit-linear-gradient(left,#c8c7cc , #999);
    background: -o-linear-gradient(right,#c8c7cc , #999);
    background: -moz-linear-gradient(right,#c8c7cc , #999); */
    background: linear-gradient(to right, #afaeb3 , #797878);
}
.headLeft {
    width: 30%;
    height: 100%;
    float: left;
    padding: 0.7rem;
}
.headRight {
    width: 70%;
    float: right;
    margin-top: 17px;
}
.leftImg {
    height: 100%;
    background-color: #fff;
    text-align: center;
}
.leftImg img {
    background-color: #fff;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    max-width: 100%;
    max-height: 100%;
}
.headRight span {
    display: block;
    color: #fff;
    padding-bottom: 10px;
}
span.pocductName {
    font-size: 15px;
}
span.weui-form-preview__value {
    text-align: left;
    color: #313033;
    font-family: sans-serif;
}
label.weui-form-preview__label {
    width: 27%;
    text-align-last: auto;
}
.weui-form-preview__item {
    overflow: hidden;
    height: 2rem;
    line-height: 2rem;
}
.time{
    display: block;
    overflow: hidden;
    word-break: normal;
    word-wrap: break-word;
    text-align: left;

}
.m-cell{
    margin-bottom: 0.6rem;
}
.itemDetails {
    height: auto;
}
.itemDetails div {
    width: 73%;
    float: right;
    text-align: left;
}
.itemDetails img {
    width: 23%;
    padding: 2px;
}
.weui-form-preview__label{
    margin-right:0rem;
}